<template>
  <view class="car-block">
    <view class="car-block_title"> {{ data.licenseNo }} </view>
    <view class="car-block_desc">{{ data.modelName }}</view>
    <view> 起始时间：{{ data.startDate }} </view>
  </view>
</template>

<script setup lang="ts">
  defineProps({
    data: {
      type: Object,
      default: () => {},
    },
  })
</script>

<style scoped lang="less">
  .car-block {
    margin: 24rpx 24rpx 0;
    padding: 32rpx;
    background-image: url('/static/images/carinfo-bc.png');
    background-size: cover;
    background-position: right top;
    box-shadow: 0rpx 0rpx 30rpx 0rpx rgba(0, 0, 0, 0.05);
    border-radius: 8rpx;
    // 字
    font-size: 28rpx;
    font-weight: 400;
    color: #ffffff;

    &_desc {
      margin: 16rpx 0;
    }

    &_title {
      font-size: 40rpx;
      font-weight: 600;
    }
  }
</style>
